.toolbar {
  position:fixed;
  right:10px;
  bottom:4%;
  z-index:1020;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
}
.toolbarbox {
  width:52px;
  background:#fff;
  position:fixed;
  right:0;
  bottom: 10px;
  color:#fff
}
.toolbarbox img {
  display: block;
  border:0;
  max-width:100%;
  margin: 5px auto;
}

.mobel {
  width:52px;
  height:56px;
  text-align:center;
  position:relative;
  cursor:pointer
}
.mobel >a {
  display: block;
  width: 100%;
  height: 100%;
}

.tb-top{
  background: url(/static/img/top-gray.png) no-repeat center center;
}

.tb-top:hover{
  background: url(/static/img/top-green.png) no-repeat center center;
}

.mobel:hover .hidemobelBox{
  display: block;
}

.tool-line {
  width:25px;
  height:1px;
  border-bottom:1px solid #e7e7e7;
  margin:0 auto;
}

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
  }
}

@keyframes ball-scale {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
  }
}

@media (max-width: 767px) {
  .toolbar{
    display: none;
  }
}
